import { StyleSheet } from 'react-native';

const SS = StyleSheet.create({
  cell: {
    height: 52,
    flexDirection: "row",
    alignItems: "center",
    borderColor: "#f5f5f5",
  },
  cell_prefix: {},
  cell_prefix_txt: {
    fontSize: 16,
    color: "#28354C",
  },
  cell_layout: {
    flexGrow: 1,
    flexDirection: "column",
    alignItems: "stretch",
  },
  cell_layout_box: {
    flexDirection: "row",
    alignItems: "center",
    paddingHorizontal: 10,
    fontSize: 16,
    color: "#28354C",
    justifyContent: "flex-end",
  },
  cell_layout_box_t: {
    fontSize: 16,
    color: "#28354C",
  },
  cell_suffix: {
    alignItems: "center",
    justifyContent: "center",
  },
  cell_suffix_ico: {
    width: 10,
    height: 10,
    alignItems: "center",
    justifyContent: "center",
    borderTopWidth: 1.6,
    borderRightWidth: 1.6,
    borderColor: "#28354C",
    transform: [{ rotate: '45deg' }],
  },
  pcell_prefix: {
    flexDirection: "row",
    alignItems: "center",
  },
  pcell_prefix_txt: {
    fontSize: 16,
    color: "#28354C",
  },
  pcell_prefix_ico: {
    width: 10,
    height: 10,
    alignItems: "center",
    justifyContent: "center",
    borderTopWidth: 1.6,
    borderRightWidth: 1.6,
    borderColor: "#28354C",
    transform: [{ rotate: '45deg' }],
  },

  FootView: {
    padding: 15,
    flexDirection: "row",
    alignItems: "center",
    justifyContent: "center",
  },
});

export default SS;

export const color4 = '#9A9FAC';